{extend name="base" /}
{block name="style"}
<script src="__STATIC__/doclist/js/ipage/ipage.js"></script>
<script src="__STATIC__/doclist/js/list/methods.js"></script>
<script src="__STATIC__/doclist/js/list/main.js"></script>
<script src="__STATIC__/doclist/js/fixedScroll.js.js"></script>
<link rel="stylesheet" href="__STATIC__/doclist/css/list.css">
{/block}
{block name="body"}
<div class="filter_box">
    <div class="filter">
        <div class="item">
            <div class="tit">版权:</div>
            <div class="list">
                {foreach name=":config('type')" item="v1"}
                <a href="{:url('index/lists/lists',['type'=>$v1.value,'id'=>$id])}" class="{eq name='$v1.value' value='$type'}active{/eq}">{$v1.name}</a>
                {/foreach}
            </div>
        </div>
        <div class="item">
            <div class="tit">分类:</div>
            <div class="list">
                {foreach name="category" item="v"}
                <a href="{:url('index/lists/lists',['id'=>$v.id,'type'=>$type])}" class="{eq name='$v.id' value='$id'}active{/eq}">{$v.name}</a>
                {/foreach}
            </div>
        </div>
    </div>
</div>
<div class="filter_box">
    <div class="filter">
        <div class="item">
            <div class="tit">排序:</div>
            <div class="list">
                {foreach name=":config('sort')" item="v2"}
                <a href="{:url('index/lists/lists',['sort'=>$v2.value])}" class="{eq name='$v2.value' value='$sort'}active{/eq}">{$v2.name}</a>
                {/foreach}
            </div>
        </div>
    </div>
</div>

<!-- <div class="toppages">
        <div class="iPages top_pages" length="{$article_list | count}"></div>
        <div class="gotopage">
            <input type="number" class="pagenum">
            <a class="topagebtn">跳转</a> 共100页
        </div>
    </div> -->
<div class="toppages global_pages">
    {$article_list->render();}
</div>

<div class="list_box title_list">
    <div class="list">
        <div class="item">
            <div class="img">
                <img src="https://dsj.shangning.site/uploads/sucai/15/20180704161541_156202_thumb.png">
            </div>
            <div class="text">
                <h2>这是一个标题标题这是一个标题标题这是一个标</h2>
                <pre class="content">1、诸多问题没有答案，就是最后的答案；某份感情没有结果，可能就是最好的结果。
2、诸多问题没有答案，就是最后的答案；某份感情没有。
3、诸多问题没有答案，就是最后的答案；某份感情没有结果，可能就是最好的结果。可能就是最好的结果。

                </pre>
                <p class="info">
                    <span class="time">2018-07-14</span>
                    <a href="###" class="classs">男科标题</a>
                </p>
            </div>
            <div class="button">
                <a href="###">查看类屎</a>
            </div>
        </div>
        <div class="item">
            <div class="img">
                <img src="https://dsj.shangning.site/uploads/sucai/15/20180704161541_156202_thumb.png">
            </div>
            <div class="text">
                <h2>这是一个标题标题这是一个标题标题这是一个标</h2>
                <pre class="content">1、诸多问题没有答案，就是最后的答案；某份感情没有结果，可能就是最好的结果。
2、诸多问题没有答案，就是最后的答案；某份感情没有。
3、诸多问题没有答案，就是最后的答案；某份感情没有结果，可能就是最好的结果。可能就是最好的结果。

                </pre>
                <p class="info">
                    <span class="time">2018-07-14</span>
                    <a href="###" class="classs">男科标题</a>
                </p>
            </div>
            <div class="button">
                <a href="###">查看类屎</a>
            </div>
        </div>
        <div class="item">
            <div class="img">
                <img src="https://dsj.shangning.site/uploads/sucai/15/20180704161541_156202_thumb.png">
            </div>
            <div class="text">
                <h2>这是一个标题标题这是一个标题标题这是一个标</h2>
                <pre class="content">1、诸多问题没有答案，就是最后的答案；某份感情没有结果，可能就是最好的结果。
2、诸多问题没有答案，就是最后的答案；某份感情没有。
3、诸多问题没有答案，就是最后的答案；某份感情没有结果，可能就是最好的结果。可能就是最好的结果。

                </pre>
                <p class="info">
                    <span class="time">2018-07-14</span>
                    <a href="###" class="classs">男科标题</a>
                </p>
            </div>
            <div class="button">
                <a href="###">查看类屎</a>
            </div>
        </div>
    </div>
    <div class="side_nav">
        <div class="doc_vlass">
            文案分类
            <ul class="list">
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
                <li><a href="###">男科文案</a></li>
            </ul>
        </div>
        <div class="goTop">TOP</div>
        
    </div>
</div>
<div class="loginmorm">
    <button>加载更多</button>
</div>
<div class="bottompages global_pages">
    {$article_list->render();}
</div>
{/block}